<template>
  <div class="hljs-container">
    <highlightjs :autodetect="false" :code="code"></highlightjs>
  </div>
</template>

<script setup lang="ts">
import 'highlight.js/styles/github.css';

defineProps({
  code: {
    type: String,
    required: true,
    default: ''
  }
})
</script>

<style scoped lang="scss">
:deep(.hljs) {
  color: #333; // 设置字体颜色为深色
  background-color: #F5F2F0; // 保持背景色
}

/* 其他样式 */
.hljs-container {
  position: relative;
  display: block;
  width: 95%;
  height: 100%;
  overflow: auto;
  background-color: #F5F2F0; // 保持背景色

}
</style>
